Page({
    data: {
      currentTab: '关注', // 默认展示“关注”列表，可根据需求调整或从页面参数获取
      followList: [
        // 模拟关注列表数据，实际需对接接口
        {
          avatar: 'https://c-ssl.duitang.com/uploads/blog/202008/10/20200810143406_0411a.thumb.400_0.jpeg',
          nickname: '小明',
          desc: '粉丝 422',
          relation: '互相关注'
        },
        {
          avatar: 'https://c-ssl.duitang.com/uploads/blog/202008/10/20200810143406_0411a.thumb.400_0.jpeg',
          nickname: '汤圆',
          desc: '笔记 10 | 粉丝 162',
          relation: '互相关注'
        }
        // 可继续添加更多模拟数据...
      ],
      fansList: [
        // 模拟粉丝列表数据，实际需对接接口
        {
          avatar: 'https://www.keaitupian.cn/cjpic/frombd/1/253/1985431117/3227180280.jpg',
          nickname: 'oneoen',
          desc: '粉丝 1.2万',
          relation: '回关',
          isCanceled: false
        },
        {
          avatar: 'https://www.keaitupian.cn/cjpic/frombd/1/253/1985431117/3227180280.jpg',
          nickname: '晴晴想长大',
          desc: '笔记 2 | 粉丝 2061',
          relation: '回关',
          isCanceled: false
        }
        // 可继续添加更多模拟数据...
      ]
    },
  
    // 切换标签页
    switchTab(e) {
      const tab = e.currentTarget.dataset.tab;
      this.setData({
        currentTab: tab
      });
    },
  
    // 处理关注/回关等操作
    handleOperate(e) {
      const { index, type } = e.currentTarget.dataset;
      const list = this.data[type === 'follow' ? 'followList' : 'fansList'];
      const item = list[index];
      if (item.relation === '回关') {
        // 回关逻辑，这里简单模拟切换为“互相关注”，实际需调用接口更新关系
        item.relation = '互相关注';
        // 若需同步更新另一个列表（比如粉丝列表回关后，关注列表增加），可补充对应逻辑
      } else if (item.relation === '互相关注') {
        // 取消关注逻辑，这里简单模拟切换为“回关”，实际需调用接口更新关系
        item.relation = '回关';
      }
      this.setData({
        [type === 'follow' ? 'followList' : 'fansList']: list
      });
      // 实际项目中，需调用 wx.request 等接口，将关系变更同步到后端
    },
    onLoad(options) {
        // 从页面参数获取要展示的标签，优先使用参数，没有则用默认值
        if (options.tab) {
          this.setData({
            currentTab: options.tab
          });
        }
      },
  });